::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}
.layui-fluid{
	padding: 0!important;
}
.top_header{
	width: 100%;
	height: 60px;
	width: 100%;
	background: -moz-linear-gradient(left, #0092f4 0%, #08cdc4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff952f), color-stop(100%,#08cdc4));
    background: -webkit-linear-gradient(left, #0092f4 0%,#08cdc4 100%);
    background: -o-linear-gradient(left, #0092f4 0%,#08cdc4 100%);
    background: -ms-linear-gradient(left, #0092f4 0%,#08cdc4 100%);
    background: linear-gradient(to right, #0092f4 0%,#08cdc4 100%);
	background: #0090f0/9/0;
}
.nav>li>a{
	display: inline-block;
}
.nav-phone-lr{
	padding: 0!important;
}
.nav-phone-lr img{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}
.nav>li.nav-phone-lr>a{
	padding: 0!important;
}
.logo_img{
	width: 180px;
	height: 41px;
	margin-top: -12px;
}
.navbar-brand{
	padding: 18px 15px;
}
.navbar-nav{
	height: 60px;
}
.nickName{
	display: none;
}
.navbar{border: none;}
.navbar.navbar-default{
	background: transparent;
}
.navbar-nav>li{
	height: 60px;
	font-size: 14px;
}
.message_li .no_read{
	
}
.nav>li>a{
	cursor: pointer;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background: none;
	color: #e97451;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #e97451;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
	font-size: 14px;
	line-height: 60px;
}
.navbar-nav>li:hover .sub_nav{
	display:block;
}
.footer_container{
	background: #333333;
	color: #d6d6d6;
	padding: 20px 0;
	font-size: 14px;
}
.scode_box{
	text-align: center;
	margin-top: 20px;
}
.footer_left p{
	line-height: 24px;
}
.footer_right img{
	width: 80px;
	height: 80px;
}
.footer_logo{
	width: 100px;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
	height: 480px;
}
.blue_color{
	color: #0090f0;
}
.orange_color{
	color: #ff7d35;
}
.bg_blue{
	background: #0090f0;
}
.bg_gray{
	background: #f7f7f7;
	color: #333;
}
.nav-phone {
	position: relative;
}
/*下拉*/
.sub_nav {
	position: absolute;
	top: 58px;
	left: -200px;
	width: 580px;
	background: #fff;
	box-shadow: 0 0 2px #ebebeb;
	display: none;
	z-index: 999;
}

.sub_nav .potrait_com {
	width: 50px;
	line-height: 50px;
	border-radius: 50px;
	vertical-align: middle;
}

.sub_nav ul li {
	width: 100%;
	padding: 10px 30px;
	border-bottom: 1px solid #f2f2f2;
	font-size: 14px;
	cursor: pointer;
}

.sub_nav ul li:hover {
	background: #01bdea;
	color: #fff;
}

.sub_nav ul li:hover em,
.sub_nav ul li:hover strong,
.sub_nav ul li:hover span,
.sub_nav ul li:hover p {
	color: #fff;
}

.sub_nav ul li em {
	color: #999;
}

.sub_nav ul li strong {
	color: #938f88;
	font-size: 16px;
}
.comment_left {
	width: 14%;
}

.comment_right {
	width: 80%;
	color: #938f88;
	display: table;
	height: 50px;
}

.middle_inner {
	display: table-cell;
	vertical-align: middle;
}

.comment_right h4 {
	line-height: 24px;
}

.comment_right p { 
	line-height: 24px;
	margin-top: 4px;
}

.delete_message {
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #9e9e9e;
	cursor: pointer;
}

.delete_message .delete_icon {
	vertical-align: middle;
	width: 24px;
	margin-right: 4px;
}

.sub_nav_01{
	position:absolute;
	width: 140px;
	background: #fff;
	top: 58px;
	z-index: 999;
	font-size: 9px;
	color: #333;
	display: none;
}
.sub_nav_01 ul{
	padding: 10px 0;
}
.sub_nav_01 ul li{
	line-height: 24px;
	height: 24px;
	padding: 0 10px;
	cursor: pointer;
	overflow: hidden;
  text-overflow:ellipsis;//文本溢出显示省略号
  white-space:nowrap;
  font-size: 14px;
}
.sub_nav_01 ul li a{
	display: block;
	height: 100%;
	line-height: 24px;
}
.sub_nav_01 ul li:hover{
	background: #EE792F;
	color: #fff;
}
.sub_nav_01 ul li:hover a{
	color: #fff;
}
.sub_nav_01 ul li.active{
	background: #EE792F;
	color: #fff;
}
.sub_nav_01 ul li.active a{
	color: #fff;
}
.sub_nav_01 ul li:hover{
	background: #EE792F;
	color: #fff;
}
.sub_nav_01 ul li.active{
	background: #EE792F;
	color: #fff;
}
.navbar-nav>li:hover .sub_nav_01{
	display: block
}.sub_nav_01 ul li.active{
	background: #EE792F;
	color: #fff;
}
.navbar-nav>li:hover .sub_nav_01,.navbar-nav>li:hover .sub_nav{
	display: block;
}
.pagnition{
	width: 320px;
	margin: 45px auto;
}
.pagnition ul li{
	float: left;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}
.pagnition ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.pagnition ul li a.active{
	color: red;
}
.pagnition ul li i{
	
}
.before_btn{
	width: 40px;
	height: 40px;
	background: url(../img/bottom_left_icon.png) no-repeat center;
}
.before_btn:hover{
	background: url(../img/bottom_left_pre_icon.png) no-repeat center;
}
.before_btn.active{
	background: url(../img/bottom_left_pre_icon.png) no-repeat center;
}
.after_btn{
	width: 40px;
	height: 40px;
	background: url(../img/bottom_right_icon.png);
}
.after_btn:hover{
	background: url(../img/bottom_right_pre.png);
}
.after_btn.active{
	background: url(../img/bottom_right_pre.png);
}
.pagnition ul li img{
	width: 30px;
}
.pagnition ul li a{
	display: block;
	margin: 0 10px;
	height: 40px;
	line-height: 40px;
}
.before_dot,.after_dot{
	display: none;
}
.swiper-container1{
	width: 100%!important;
}
.swiper-container1 .swiper-wrapper{
	width: 100%!important;
}
.swiper-container1 .swiper-wrapper .swiper-slide{
	width: 100%!important;
}
.swiper-container1 .swiper-wrapper .swiper-slide img{
	width: 100%!important;
}
.lr{
	padding: 0!important;
}
.no_read img{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-top: 6px;
}
@media (max-width: 768px) {
	.navbar-brand img{margin-right: 0;margin-top: 0;width: 80%;height: 30px;margin-top: -5px;}
	.navbar-toggle{margin-top: 8px;}
	.banner img{height: 138px;}
	.footer_right{text-align: center;}
	
	
}
@media screen and (max-width: 465px){}

@media screen and (min-width:768px) and (max-width: 992px){
	.logo_img{width: 100px;height: 30px;margin-top: -4px;}
}
@media screen and (min-width:992px) and (max-width: 1200px){}
@media (min-width: 1200px){
	.layui-container{width: 1180px;}
	.navbar-brand img{margin-right: 40px;}
	.nav>li>a{padding:0 28px;}
	.nav>li>a{line-height: 45px;}
}